@charset "utf-8";
/* banner */
#banner{width: 100%;height: 85vh;}
#banner .swiper-pagination{width: auto !important; bottom: 0.3rem !important; left: 50% !important; /*border-bottom: 1px solid rgba(255,255,255,.35);*/ -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#banner .swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;opacity: 1;transition: all .5s;background: transparent;background: #fff;position: relative;margin:0 15px;}
#banner .swiper-pagination-bullets .swiper-pagination-bullet::after{content: "";display: block;width: 8px;height: 8px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;border-radius: 100%;transition: all .5s;}
#banner .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #fff;}
#banner .swiper-pagination-bullets .swiper-pagination-bullet-active::after{width: 16px;height: 16px;border: 1px solid #fff;}
#banner .swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center bottom;}
#banner .swiper-slide a {width:100%;height:100%;display:block;}


@media (max-width: 767px){
    #banner{width: 100%;height: 20vh;margin-top:60px;}
    #banner .swiper-pagination {bottom:15px !important;}
    #banner .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 7px;}
}
@media (min-width: 768px) and (max-width: 991px){
    #banner{width: 100%;height: 35vh;}
    #banner .swiper-pagination {bottom:.8rem !important;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    #banner{width: 100%;height: 63vh;}
    #banner .swiper-pagination {bottom:1.5rem !important;}
}
@media (min-width: 1000px) and (max-width: 1300px) {
    #banner{width: 100%;height: 58vh;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    #banner{width: 100%;height: 110vh;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    #banner{width: 100%;height: 120vh;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    #banner{width: 100%;height: 120vh;}
}
@media (min-width: 1440px) and (max-width: 1600px) {
    #banner{width: 100%;height: 100vh;}
}

/*关于我们*/
.divSm1 {float:left;width:100%;}
.divSm1 .container {position:relative;z-index:99;}
.divSm1 .ui-decor {position: absolute;top: -1px;right: 0;left: 9%;display: block;height:46px;background: #fff;-webkit-clip-path: polygon(4% 0%, 100% 100%, 0% 100%);clip-path: polygon(4% 0%, 100% 100%, 0% 100%);}
.divSm1 .bg-primary{background-color:rgba(113,188,84,.5);}
.divSm1 .div1 {float:left;width:100%;background:#fff;margin-top:46px;box-shadow:0 1px 10px 0 rgba(0,0,0,0.1);display:flex;}
.divSm1 .div1 .item {flex:1;box-shadow:2px 2px 5px rgba(0,0,0,0.1);}
.divSm1 .div1 .item a{display:block;float:left;width:100%;height:100%; padding:.53rem .45rem}
.divSm1 .div1 .item a .img {float:left;width:100%;position:relative;}
.divSm1 .div1 .item a img{float:left;width:100%;}
.divSm1 .div1 .item a .img .default-btn {position:absolute;left:0;top:0;width:100%;height:100%;}
.divSm1 .div1 .item a h1{float:left;width:100%;font-size:.22rem;color:#394257;margin:.2rem 0 .3rem}
.divSm1 .div1 .item a p {float:left;width:100%;color:#666;line-height:24px;}
.divSm1 .div1 .item:hover .default-btn span {top:0%;height:100%;}
.divSm1 .div1 .item:hover a h1{color:#00468e}
.divSm1 .div1 .item:hover {box-shadow:0 1px 2px 0 rgba(0,166,76,0.5);}

.divSm1 .div2 {float:left;width:100%;margin:50px 0}
.divSm1 .div2 .info {float:left;width:49%;padding:.6rem .55rem  0 .55rem}
.divSm1 .div2 .info p {float:left;width:100%;}
.divSm1 .div2 .info p.p1 {color:#9e9b9b;text-transform:uppercase;margin-bottom:.1rem}
.divSm1 .div2 .info p.p2 {color:#00468e;font-size:.38rem;font-family:"Montserrat";line-height:.5rem;word-break:break-all;}
.divSm1 .div2 .info p.p3 {color:#394257;font-size:.38rem;font-family:"Montserrat";line-height:.5rem;;}
.divSm1 .div2 .info p.p4 {color:#666666;line-height:2;margin-top:.3rem;font-size: 19px}
.divSm1 .div2 .video {float:left;width:51%;}

@media (max-width:991px) {.divSm1 .ui-decor {height: 30px;}}
@media (max-width:767px) {.divSm1 .ui-decor {height: 20px;left: 0;}}

@media (max-width: 767px){
    .divSm1 .container {margin-top:15px;}
    .divSm1 .ui-decor {left:15px;}
    .divSm1 .div1 {margin-top:20px;display:inline}
    .divSm1 .div1 .item {flex:none;float:left;border-bottom:1px solid rgba(0,0,0,0.1)}
    .divSm1 .div1 .item a{padding:15px}
    .divSm1 .div1 .item a h1{margin:.2rem 0 .2rem;font-size:16px;font-weight:bold;}
    .divSm1 .div2 {margin:20px 0}
    .divSm1 .div2 .info {float:left;width:100%;padding:0;margin-bottom:15px;}
    .divSm1 .div2 .video {float:left;width:100%;}
}
@media (min-width: 768px) and (max-width: 991px){
    .divSm1 .container {margin-top:-60px;}
    .divSm1 .div1 {margin-top:30px;}
    .divSm1 .div1 .item a{padding:.23rem .23rem}
    .divSm1 .div2 .info {padding:.25rem .25rem  0 .25rem}
    .divSm1 .div2 .info p.p2 {font-size:.28rem;line-height:.4rem;}
    .divSm1 .div2 .info p.p3 {font-size:.28rem;line-height:.4rem;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divSm1 .div2 .info {padding:.4rem .45rem  0 .45rem}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .divSm1 .div1 .item a{padding:.43rem .35rem}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .divSm1 .div1 .item a{padding:.43rem .35rem}
}



/*²úÆ·*/
.default-btn {position: relative;display: inline-block;z-index: 1;opacity: 1;cursor:pointer;}
.default-btn span {position: absolute;display: inline-block;background-color:rgba(14,14,14,0.1);z-index: -1;opacity: 1;width:100%;height:0%;top:50%;left:0%;transition: all 0.7s;-transition: all 0.7s;}

.divSm2 {float:left;width:100%;padding:2% 0}
.divSm2  .title{width:100%;height:.94rem;line-height:.94rem;font-size:.36rem;color:#394257;font-family:"Montserrat";font-weight:bold;}
.divSm2 .item {float:left;width: calc((100% - 75px) / 4); margin-right:25px;}
.divSm2 .item:last-child {margin-right:0}
.divSm2 .item a{float:left;width:100%;height:100%;display:block;}
.divSm2 .item a .img {float:left;width:100%;border:4px solid #e3e3e3;position:relative;}
.divSm2 .item a .img img{float:left;width:100%;}
.divSm2 .item a .img .default-btn {position:absolute;left:0;top:0;width:100%;height:100%;}
.divSm2 .item a .tit{float:left;width:100%;text-align:center;color:#394257;font-size:18px;margin-top:.2rem;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;}
.divSm2 .item a:hover .default-btn span {top:0%;height:100%;}
.divSm2 .item a:hover .tit{color:#00468e;}

@media (max-width: 767px){
    .divSm2 {padding:20px 0}
    .divSm2 .item {float:left;width:100%; margin-right:0px;}
    .divSm2 .item a .tit{font-size:16px;margin-bottom:10px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .divSm2 {padding:44px 0}
    .divSm2 .item {float:left;width: calc((100% - 24px) / 4); margin-right:8px;}
    .divSm2 .item a .tit{font-size:14px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divSm2 {padding:44px 0}
    .divSm2 .item {float:left;width: calc((100% - 30px) / 4); margin-right:10px;}
    .divSm2 .item a .tit{font-size:14px;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .divSm2 .item {float:left;width: calc((100% - 60px) / 4); margin-right:20px;}
    .divSm2 .item a .tit{font-size:16px;}
}


.footer-qr__img {
    display: block;
    max-width: 100%;
    height: auto;
}

@media screen and (min-width:768px) {
.footer-qr__img {
    position: relative;
    bottom: 60px;
    max-width: 100px;
}
}

@media screen and (max-width:767px) {
.footer-qr__img {
    margin-left: auto;
    margin-right: auto;
}
}
.footer-qa {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width:768px) {
.footer-qa {
    
}
}

@media screen and (min-width:1400px) {
.footer-qa {
    
}
}
.footer-qa__title {
    
    padding-bottom: 10px;
    border-bottom: 1px solid black;
    position: relative;
}
.footer-qa__title:after {
    content: '';
    display: block;
    background-color: #9a0000;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 110px;
}
.footer-qa__list {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}
.footer-qa__list a {
    font-size: 14px;
}

.news_time {
    float: right;
}
.news_img img {
    max-width: 270px;
    max-height: 180px;
    margin-right: 28px;
    float: left;
}
.news_img a {
    font-weight: bold;
    font-size: 16px;
}
.news_img p {
    margin-top: 12px;
    line-height: 26px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}


.footer-qa__list li {

    color: #727171;
    width: 100%;
}
.footer-qa__list li a {
    color: #727171;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    
}
.footer-qa__list li:first-child {
padding-bottom: 15px
}
.footer-qa__list li {
    /*flex: 0 0 60%;*/
    padding-right: 10px;
    border-bottom: solid 1px #ddd;line-height: 2.5
}

.footer-intro {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
}
.footer-intro:before, .footer-intro:after {
    content: " ";
    display: table;
}
.footer-intro:after {
    clear: both;
}
.footer-info {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width:768px) {
.footer-info {
    float: left;
    width: 83.33333%;
}
}
.footer-info__item {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 30px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAfCAYAAAD9cg1AAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFIGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDctMTdUMjI6Mjc6NDgrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE4LTA3LTE4VDEyOjEwOjI3KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE4LTA3LTE4VDEyOjEwOjI3KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc3Yzc1NDhhLTVjNjMtNDc0NC05NzNiLTQ3ZDY3YWVkYmY4NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3N2M3NTQ4YS01YzYzLTQ3NDQtOTczYi00N2Q2N2FlZGJmODQiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3N2M3NTQ4YS01YzYzLTQ3NDQtOTczYi00N2Q2N2FlZGJmODQiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjc3Yzc1NDhhLTVjNjMtNDc0NC05NzNiLTQ3ZDY3YWVkYmY4NCIgc3RFdnQ6d2hlbj0iMjAxOC0wNy0xN1QyMjoyNzo0OCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+kg9TxQAAATJJREFUSMe1lkEVwyAMhiMBCZWAhEqohEpAQiX0vBMSJgEJlTAJOGCwR97rYxACyw7/qTQfCeEP8AAAQkvUHvWMcoWOKB1CAEpUYBsVGHqlTYwADDNwqZSV6gHsZHDUVUIkdv4FqQG0UHDUUQIcI/XUNWvOlFPKBQFLZ6FpdJrO4NZ/JwIOYtHOuCe+1b4IcERZgCFqgwqINA0ToAjACtRHDiCVoQdo1XCTArTOwDJLtFGtmhacjY8+d0kP4HpdtPW8hQhuOfcAsuWSdlyAVsbt13fALuxFruamlyBA1wBa2klrA8dIzoLWyJydap4zMtFbrl/qznlVKMJCqrY++mzBQ/ejhzoC6N3yj1/NPrw4nXXVDnUGAPnpWDVCKYAq/Gq7zwMJABpcyNnAPwA4O9QI4A1ekFMJhDcyuQAAAABJRU5ErkJggg==") no-repeat left top;
    margin-bottom: 10px;
}

@media (min-width:768px) {
.footer-info__item {
    float: left;
    width: 33.33333%;
}
}
.footer-info__title {
    font-size: 16px;
 color: #615d5c  font-weight: 900;
    font-family: "Heiti SC", "黑体";
    margin-bottom: 2px;
    margin-top: 0;
}
.footer-info__list li {
    margin-bottom: 5px;
}
.footer-qr {
    position: relative;
    min-height: 1px;
    /*padding-left: 15px;
    padding-right: 15px;*/
    text-align: right;
}

@media (min-width:768px) {
.footer-qr {
    float: left;
    width: 16.66667%;
}
}

@media screen and (max-width:767px) {
.footer-tel__item {
    text-align: center;
}
}

@media screen and (min-width:768px) {
.footer-tel__item:first-child {
}
.footer-tel__item {
    padding-top: 20px;
}
}

@media screen and (min-width:1400px) {
.footer-tel__item:first-child {
}
.footer-tel__item {
    padding-top: 20px;
}
}
.footer-tel__title {
    font-size: 16px;
    line-height: 1;
}

.footer-qa__title {
    
    padding-bottom: 10px;
    border-bottom: 1px solid black;
    position: relative;margin-bottom: 10px;
}
.footer-qa__title:after {
    content: '';
    display: block;
    background-color: #9a0000;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 110px;
}

.answer_dl {
    clear: both;
    list-style: none;
    margin-top: 10px;
    padding: 0px;
}
.answer_dl dd {
    color: #545455;
    line-height: 21px;
    padding: 10px 0px;
}
.answer_dl dd a {
    display: block;
  
    color: #333;
    font-weight: bold;font-size: 12px
}
.answer_dl dd a:hover {
    text-decoration: none;
    color: #f3770e;
}
.answer_dl dd .text {
   
    margin-top: 10px;
    line-height: 22px;
    color: #555;font-size: 12px;
}.answer_dl dd .text p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

/*Ó¦ÓÃÁìÓò*/
.divSm3 {float:left;width:100%;background:#e7e7e7;padding-bottom: 3%}
.divSm3 .title{float:left;width:100%;text-align:center;font-size:.36rem;color:#394257;line-height:1.35rem;font-weight:bold;}
.divSm3 .content{float:left;width:100%;}
.divSm3 .default-btn span {background-color:rgba(198,40,30,0.9);color:#fff;text-align:center;font-size:14px;position:relative;}
.divSm3 .default-btn span p {opacity:0;text-align:center;width:100%;padding:0 20px;}
.divSm3 .item{width:225px;}
.divSm3 .item a{width:100%;float:left;display:block;height:100%;}
.divSm3 .item a .img {float:left;width:100%;position:relative;}
.divSm3 .item a .img img{float:left;width:100%;}
.divSm3 .item a .img .default-btn {position:absolute;left:0;top:0;width:100%;height:100%;}
.divSm3 .item a .tit{float:left;width:100%;color:#333333;font-size:18px;height:54px;line-height:54px;overflow:hidden;border-bottom:1px solid #cdcdcd;text-align: center;}
.divSm3 .item a:hover .default-btn span {top:0%;height:100%;}
.divSm3 .item a:hover .tit{color:#00468e;}
.divSm3 .item a:hover .default-btn span p{opacity:1;position:absolute;top:48%;}

.divSm3 .swiper-button-next,
.divSm3 .swiper-button-prev {width:54px;height:42px;margin-top:-21px;top:60%;z-index:999}
.divSm3 .swiper-button-next.swiper-button-disabled,
.divSm3 .swiper-button-prev.swiper-button-disabled {opacity:.35;cursor:auto;pointer-events:none;}
.divSm3 .swiper-button-prev,
.divSm3 .swiper-container-rtl .swiper-button-next {background:url(../images/lh.png) no-repeat center #fff;left:0px;right:auto}
.divSm3 .swiper-button-next,
.divSm3 .swiper-container-rtl .swiper-button-prev {background:url(../images/rh.png) no-repeat center #fff;right:0px;left:auto}
@media (max-width: 767px){
    .divSm3 .item a .tit{font-size:16px;}

}
@media (min-width: 768px) and (max-width: 991px){
    .divSm3 .item a .tit{font-size:14px;}
    
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divSm3 .item a .tit{font-size:16px;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .divSm3 .item a .tit{font-size:16px;}
}

/*ÐÂÎÅ*/
.divSm4 {float:left;width:100%;padding:.27rem 0 .3rem}
.divSm4 .l {float:left;width:66%}
.divSm4 .title{height:.94rem;line-height:.94rem;font-size:.36rem;color:#394257;font-family:"Montserrat";font-weight:bold;}


/*ÐÂÎÅ*/
/*======================底部样式=======================*/
.foot_contact { float:left;width:100%; background:url(../images/foot_contact_bg.jpg) no-repeat center;padding-top: 3%}
.foot_contact .main {  margin:0 auto; position:relative;}
.foot_contact .main .tit_1 { text-align:center; font-size:36px; color:#fff;}
.foot_contact .main .tit_2 { text-align:center; font-size:18px; color:#fff;line-height: 2;padding-top: 2%}
.foot_contact .main_add { width:33.333%; height:80px;float: left;text-align: center; }
.foot_contact .main_add span,.foot_contact .main_tel span, .foot_contact .main_email span,.foot_contact .main_sk span { display:block; font-weight:bold; height:19px; color:#fff;}
.foot_contact .main_add em,.foot_contact .main_tel em, .foot_contact .main_email em, .foot_contact .main_sk em { display:block; line-height:1.8; color:#fff;padding-top: 3%} 
.foot_contact .main_tel {width:33.333%; height:80px;float: left;text-align: center;}
.foot_contact .main_email {width:33.333%; height:80px;float: left;text-align: center; }
.foot_contact .main_add i,.foot_contact .main_tel i,.foot_contact .main_email i{padding-right: 10px;font-size: 20px;}
.foot_contact .main_sk {width:125px; height:80px; }
.foot_contact .touch2 {float:left; width:100%; padding-top: 3%;padding-bottom: 3% }
.foot_contact .touch1 {float:left; width:100%;  }
.foot_contact .touch { width:98%;  background:#fff; border-radius:5px;margin: 0 auto;padding: 3% }
.liul{width: 50%;float: left;}
.liur{width: 50%;float: left;}
div.foot_contact input[type='text'],div.foot_contact input[type='submit']{ border:none; outline:none;  text-indent:10px; border:1px solid #e0e0e0; margin-bottom: 2%}
div.foot_contact input[type='checkbox']{width:12px;height:12px}
input.gbk_1 { width:97%; height:55px; }
input.gbk_2 { width:97%; height:55px; }
input.gbk_3 { width:97%; height:55px; }

.foot_contact textarea{ width:97%; height:175px;   outline:none;  overflow:hidden; background:#fff; border:0;}
.foot_contact textarea, .touch input{color:#d7d7d7;}
.foot_contact textarea {padding:10px; border:1px solid #e0e0e0;}
input.contact_sub{ width:96px !important; height:36px !important; color:#fff;  cursor:pointer; line-height:36px; text-align:center; font-weight:bold; border:2px solid #e0e0e0; border-radius:20px; text-indent:0 !important;background:#da251c;} 
input.contact_sub a { display:block; color:#000;}

.foot_pl { float:left;width:100%; height:180px; background:url(../images/foot_plbg.jpg) no-repeat center;}
.foot_pl .main { width:1180px; height:180px; margin:0 auto; position:relative;}
.foot_pl .main .tit { position:absolute; top:62px; left:0; font-size:30px; font-weight:bold; color:#fff;}
.foot_pl .main .txt { position:absolute; top:108px; left:0; font-size:18px; color:#fff;}
.foot_pl .main .more { width:166px; height:46px; border:2px solid #fff; border-radius:25px; text-align:center; line-height:46px; font-weight:bold; position:absolute; top:66px; right:0;}
.foot_pl .main .more a { display:block; width:166px; height:46px; color:#fff;}


@media (max-width: 767px){
    .divSm4 {padding:15px 0}
    .divSm4 .l {float:left;width:100%}
    .divSm4 .l .content .article {float:left;width:48.5%;padding-right:0%;}
    .divSm4 .l .content .article:first-child{margin-right:3%;}
    .divSm4 .l .content .article a span{line-height:35px;font-size:12px;}
    .divSm4 .l .content .article a p {font-size:14px;height:60px;line-height:20px;margin:10px 0 15px;}
    .divSm4 .r {float:left;width:100%;display:block;}

    .divSm4 .l .content .catalog {float:left;width:48.5%;padding-right:0%;margin-bottom:20px;}
    .divSm4 .l .content .catalog:first-child{margin-right:3%;}
    .divSm4 .l .content .catalog a span{line-height:35px;font-size:12px;}
    .divSm4 .l .content .catalog a .img {float:left;width:100%;position:relative;margin-bottom:15px;}
    .divSm4 .l .content .catalog a .info .tit{font-size:14px;width:100%;}
    .foot_contact .main_add,.foot_contact .main_tel,.foot_contact .main_email,.liul,.liur{float: none;width: 100%}
    .foot_contact{padding-top: 1rem;display: none;}
    .foot_pl{display: none;}
}
@media (min-width: 768px) and (max-width: 991px){
    .divSm4 .l .content .article {padding-right:6%;}
    .divSm4 .l .content .article a p {line-height:20px;}
    .divSm4 .l .content .catalog {padding-right:6%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
     div.contact_main_fr input.gbk_1, div.contact_main_fr input.gbk_2,
     div.contact_main_fr input.gbk_3, div.contact_main_fr #page_body {      
        width: 461px;
    }

    .foot_pl .main {
        width: 98%;
    }
    
    .foot_contact .main_add {
          
        left: 85px;
    }

    .foot_contact .main_tel {
        left: 376px;
    }

    .foot_contact .main_email {
   
        left: 634px;
    }

    .foot_contact .main_sk {
      
        left: 870px;
        
    }
    .foot_contact{ width: 98%l}
    .foot_contact .touch {
        left: 13px;
        height: 345px;
    }
     .foot {
      
        background: url(../images/foot_bg.jpg) no-repeat -357px center  ;
        /* background-size:contain; */
    }

    .foot_con_name {
        left: 13px;
    }

    .foot  .foot_con_email,.foot .foot_con_add  ,.foot .foot_con_tel  {
       
        width: 255px;
    }

    .foot  .foot_con_email {       
        width: 255px;
        line-height: 20px;
    }

    .foot .foot_con {
        width: 100%;
    }

    .foot_menu {
     
        left: 291px;
    }

    .foot .f1 {
        width: 208px;
      
    }

    .foot .f2 {
        width: 328px;
      
    }

    .foot .f2 ul li {
        width: 220px;
        background: #222;
    }
}

/*µ×²¿*/
.foot {float:left;width:100%;background:#f2f2f2;}
.foot .div1 {float:left;width:100%;padding:1% 0;background: #c40d22}
.foot .div1 .floog {float:left;}
.foot .div1 dl{float:left;padding:0;margin: 0px}
.foot .div1 dl dd,.foot .div1 dl dt{float:left;margin-left:10px;}
.foot .div1 dl dd{font-weight: bold;font-size: 18px;color: #fff}
.foot .div1 dl dd a,.foot .div1 dl dt a{font-size:14px;text-align:center;display:block;-webkit-transition: all 1s; transition: all 1s;font-weight: normal;color: #fff}

.foot .div1 .but {float:right;margin-top:.1rem}
.foot .div1 .but a{float:left;display:block;font-family:"Montserrat";color:#333;margin-left:.4rem;width:2.2rem;height:.62rem;text-align:center;line-height:.62rem;-webkit-transition: all 1s; transition: all 1s;}



.foot .div2 {float:left;width:100%;padding:.6rem 0;background: #272727}
.fms1 {float:left;width:30%;padding-right:3%;}
.fms1 h1{font-size:16px;color:#fff;line-height:40px;font-weight:bold;}
.fms1 h1 span{font-size:16px;color:#cdcdcd;font-weight: normal;}
.fms1 span.add{font-size:14px;}
.fms1 ul {float:left;width:100%; }
.fms1 ul li{float:left;width:100%;line-height:.35rem}
.fms1 ul li a{color:#cdcdcd}
.fms1 ul li a:before {display:block;width:0px;border-bottom:1px solid #00468e;float:left;content:"";margin-top:18px;-webkit-transition: all 1s; transition: all 1s;}
.fms1 ul li a:hover{color:#00468e;padding-left:1px;}
.fms1 ul li a:hover:before {width:5px;margin-right:5px;}

.fms2 {float:left;width:17%;}
.fms2 h1{float:left;width:100%;font-size:16px;color:#fff;line-height:40px;font-weight:bold;}
.fms2 ul {float:left;width:100%; }
.fms2 ul li{float:left;width:100%;line-height:.35rem}
.fms2 ul li a{color:#cdcdcd}
.fms2 ul li a:before {display:block;width:0px;border-bottom:1px solid #00468e;float:left;content:"";margin-top:18px;-webkit-transition: all 1s; transition: all 1s;}
.fms2 ul li a:hover{color:#00468e;padding-left:1px;}
.fms2 ul li a:hover:before {width:5px;margin-right:5px;}

.fms3 {float:left;width:15%;}
.fms3 img{float:right;}

.foot .div3 {float:left;width:100%;padding:15px 0;background:#000;color:#fff;}
.foot .div3 br {display:none}
.foot .div3 a {color:#fff;}

@media (max-width: 767px){
    .foot .div1 {padding:15px 0;display: none;}
    .foot .div1 .floog {float:none;display:table;margin:0 auto;}
    .foot .div1 .floog img{height:40px;}
    .foot .div1 ul{float:none;padding:0;margin:0 auto;display:table;margin-top:15px;}
    .foot .div1 .but {display:none}
    .foot .div2 {float:left;width:100%;padding:15px 0}
    .fms1 {float:left;width:100%;padding-right:0%;}
    .fms1 ul {float:left;width:100%; margin-top:0}
    .fms2 {float:left;width:100%;}
    .fms2 ul {margin-top:0}
    .fms3 {float:left;width:100%;display:none}
    .foot .div3 {float:left;width:100%;padding:15px 0 65px;text-align:center;line-height:24px;}
    .foot .div3 br {display:block}
}
@media (min-width: 768px) and (max-width: 991px){
    .foot .div1 {padding:28px 0;}
    .foot .div1 ul li{float:left;margin-left:5px;}
    .foot .div1 .but {float:right;margin-top:20px}
    .foot .div1 .but a{margin-left:10px;width:2rem;height:.52rem;line-height:.52rem;font-size:12px;}
    .fms1 {float:left;width:27.5%;padding-right:2%;}
    .fms2 {float:left;width:15%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .foot .div1 {padding:28px 0;}
    .fms1 {float:left;width:27.5%;padding-right:2%;}
    .fms2 {float:left;width:15%;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .fms1 {float:left;width:27.5%;padding-right:2%;}
    .fms2 {float:left;width:15%;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .fms1 {float:left;width:27.5%;padding-right:2%;}
    .fms2 {float:left;width:15%;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .fms1 {float:left;width:27.5%;padding-right:2%;}
    .fms2 {float:left;width:15%;}
}

.mobMenu{ position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 99; background: #666;padding-bottom:5px;}
.mobMenu>.foot_nav{width:25%;float:left;text-align:center;color:#898989;font-size:14px; margin: 5px auto;}
.mobMenu>.foot_nav>a>i.iconfont{display:block;padding:3px 0 0 0;font-size:14px;line-height:24px;color:#fff}
.mobMenu>.foot_nav>a>.hamburger{position:inherit;float:none;margin:0 auto;width:100%;color:#fff}


.nBanner {float:left;width:100%;height:550px}
@media (max-width: 767px){
    .nBanner {float:left;width:100%;height:60px;display:none}
}
@media (min-width: 768px) and (max-width: 991px){
   .nBanner {height:260px}
}
@media (min-width: 992px) and (max-width: 1199px) {
   .nBanner {height:320px}
}
@media (min-width: 1200px) and (max-width: 1280px) {
   .nBanner {height:360px}
}
@media (min-width: 1281px) and (max-width: 1366px) {
   .nBanner {height:380px}
}
@media (min-width: 1367px) and (max-width: 1440px) {
   .nBanner {height:420px}
}

.breadcrumbs {float:left;width:100%;margin:.3rem 0 .3rem;background:url(../images/location.png) no-repeat left center;padding-left:28px;}
.breadcrumbs a{text-decoration:underline}
.breadcrumbs a:hover{color:#00468e}
@media (max-width: 767px){
    .breadcrumbs {font-size:12px;margin-top:0;margin-bottom:10px; margin-top:50px;padding-bottom:20px;padding-top:20px; border-bottom:1px solid #ececec}
}

/*¹ØÓÚÎÒÃÇ*/
.about1{padding:1vw 0 4.5vw ;background: url(../images/about1bg.jpg);background-size: cover;background-position: center;}
.about1 .title{font-size:1.666vw;color: #f08200;text-transform: uppercase;font-weight: bold;margin-bottom: 4.5vw;}
.about1box{display: flex;align-items: flex-start;}
.about1box .title1{font-size:.26rem;color: #333;width: 15%;font-family:"Montserrat"}
.about1box .content{padding-bottom:.08rem;padding-left:2.5vw;border-left:1px solid #e8e8e8;color:#394257}
.about1box .content p{font-size:16px;line-height: 1.625;margin-bottom:.55vw;}

.about2{padding: 3.8vw 0 3.5vw;background: url(../images/about2bg.jpg);background-size: cover;}
.about2 .title{font-size: 1.666vw;margin-bottom:4vw;text-align: center;color: #fff}
.about2box .col-sm-3{padding:0 .5vw;}
.about2box .row{margin:0 -.5vw;}
.about2box .item{padding:1.2vw 1.6vw 1.6vw;background: #f4f4f6;height: 2.5rem}
.about2box .item img{width: .48rem;}
.about2box .item .h1{font-size:.2rem;color: #333;line-height: .6rem;position: relative;margin-top:.75vw;font-weight: bold;}
.about2box .item .h1:after{content:"";width: .14rem;height: .02rem;background: #00468e;position: absolute;bottom: 0;left: 0}
.about2box .item p{font-size: .18rem;color: #333;line-height: 1.556;margin-top: .1rem;word-break: break-all;}

@media (max-width: 767px){
  .about1{padding: 0 0 5vw}
  .about1box{display: block;}
  .about1 .title{font-size: 16px;margin-bottom: 4vw}
  .about1box .title1{width: auto;font-size: 16px;margin-bottom: 15px}
  .about1box .content{padding: 0;padding-top:15px;border:0;border-top:1px solid #e8e8e8;}
  .about1box .content p{font-size: 14px;margin-bottom: 10px}
    .about2{padding: 8vw 0 6.5vw}
  .about2 .title{font-size: 16px;margin-bottom: 6vw}
  .about2box .col-sm-3{padding:1.5vw;}
  .about2box .row{margin:-1.5vw}
  .about2box .item{padding: 15px;height: 2.8rem}
  .about2box .item img{width: 30px}
  .about2box .item .h1{font-size: 14px;margin-top: .1rem}
  .about2box .item p{font-size: 13px}
  .about2box .item .h1:after{height: 1px}
  .about3>img{height:280px;width: 100%;object-fit: cover;}
}

/*¶þ¼¶µ¼º½*/

.subnavbox{position: relative;margin-bottom:.3rem}
.subnav{position: absolute;top: -.4rem;left: 0;right: 0;z-index: 2;}
.subnav .col{padding: 0 .05rem;float: left;width:25%;}
.subnav .col1{padding: 0 .05rem;float: left;width:33.333333333333%;}
.subnav .row{margin: 0 -.05rem;}
.subnav .item{display: block;line-height: .8rem;background: #fff;text-align: center;font-size: 0;box-shadow: 0px .1rem .4rem 0px rgba(126, 134, 138, 0.2);border-radius: .04rem;position: relative;}
.subnav .item .icon{display: inline-block;vertical-align: middle;width: .22rem;height: .22rem;position: relative;margin-right:.1rem;z-index: 2;}
.subnav .item span{font-size: .2rem;color: #333;display: inline-block;vertical-align: middle;position: relative;z-index: 2;transition: all .3s ease;max-width: 80%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.subnav .item .icon img{position: absolute;left: 0;top: 0;transition: all .3s ease}
.subnav .item .icon img:nth-child(2){opacity: 0;}
.subnav .item:after{content:"";position: absolute;left: 0;top: 0;bottom: 0;width: 0;transition: all .3s ease;border-radius: .04rem}
.subnav .item:after{background-image: -moz-linear-gradient( 0deg, rgb(198,40,30) 0%, rgb(198,40,30) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(198,40,30) 0%, rgb(198,40,30) 100%);background-image: -ms-linear-gradient( 0deg, rgb(198,40,30) 0%, rgb(198,40,30) 100%);}
.subnav .item.on:after{width: 100%}
.subnav .item.on span{color: #fff}
.subnav .item.on img:nth-child(1){opacity: 0;}
.subnav .item.on img:nth-child(2){opacity: 1;}

@media (min-width:1000px){
.subnav .item:hover:after{width: 100%}
.subnav .item:hover span{color: #fff}
.subnav .item:hover img:nth-child(1){opacity: 0;}
.subnav .item:hover img:nth-child(2){opacity: 1;}
}
@media (max-width: 1600px){
  .subnav .item span{font-size: .16rem}
}
@media (max-width: 1000px){
  .subnav .item span{max-width: 60%}
}

.subnav .item{overflow: hidden;}
.subnav .item:before{content:"";width: .6rem;height: .6rem;background: url(../images/subnavicon.png);background-size: cover;position: absolute;bottom:-.1rem;right:0rem;z-index: 2;}
@media (max-width: 767px){
    .subnavbox{margin-bottom:0;margin-top:60px;float:left;width:100%;position:relative;}
  .subnav{top: 0px;position:inherit;z-index:9999}
  .subnav .col{width:100%;margin-bottom:0}
  .subnav .col1{width:100%;margin-bottom:0}
  .subnav .item span{font-size: 13px;}
  .subnav-menu{display: flex;padding: 0 15px;font-size: 14px;height:42px;background: #00468e;align-items: center;color: #fff}
    .subnav .container{position: absolute;top: 42px;margin: 0 -15px;left: 0;padding: 0;right: 0;background: #fff;display: none;box-shadow: 0px 0px 5px 1px rgba(0,0,0,.15)}
    .subnav .item{width:100%;line-height: 42px;    border-bottom: 1px solid rgba(0,0,0,.05);float: none;display: block;box-shadow:none;}
    .subnav .item span{font-size: 13px;color: #333}
    .subnav .item.on span{color: #00468e}
    .subnav .item .icon{display: none;}
    .subnav .item:after{display: none;}
    .subnav-menu .icon{width: 16px;height: 16px;background: url(../images/open.png);background-size: cover;transition: all .5s ease;}
    .subnav-menu.on .icon{transform: rotate(180deg);}
}

.apply1{padding: 0vw 0 2vw;}
.apply1 .title1{font-size: .32rem;color: #111;text-align: center;margin-bottom: .28rem;}
.apply1 .title2{max-width: 10.2rem;font-size: .16rem;color: #666;line-height: 1.625;margin: 0 auto;text-align: center;margin-bottom: 3vw}
@media (max-width: 767px){
  .apply1{padding: 0 0 8vw}
  .apply1 .title1{font-size: 18px;margin-bottom: 4vw}
  .apply1 .title2{font-size: 12px;margin-bottom: 5vw}
}

.probox .row{margin: -.16rem;}
.probox .col-sm-4{padding: .16rem}
.probox .item5{padding:.1rem;display: block;background: rgba(0,0,0,.2);transition: all .3s ease;padding-bottom: .05rem;margin-bottom:20px;}
.probox .item5 .imgbox{position: relative;}
.probox .item5 .imgbox .img1{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-width: 90%;max-height: 90%;transition: all .3s ease}
.probox .item5 .imgbox .img2{width: .38rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;transition: all .3s ease}
.probox .item5 .h1{transition: all .3s;font-size: .15rem;color: #333;font-weight: bold;/*white-space: nowrap;*/  text-overflow: ellipsis;/*margin-bottom: .1rem;*/}
.probox .item5 p{transition: all .3s;font-size: 12px;color: #333;line-height: 2}
.probox .item5 .content{padding: .2rem 0 0 0;transition: all .3s ease;position: relative;height:55px}
.probox .item5 .content:before{content:"";height: 1px;background: #e0e0e0;position: absolute;top: 0;left: 0;right: 0;transition: all .3s ease}

@media (min-width: 1000px){
    .probox .item5:hover .img1{transform:scale(1.1)}
  .probox .item5:hover{background: rgba(198,40,30,.2);}
  .probox .item5:hover .content{background:rgba(0,0,0,.2);transform: translateY(-5px);padding:.15rem .1rem 0;}
    .probox .item5:hover .img2{opacity: 1;}
    .probox .item5:hover .content:before{opacity: 0;}
    .probox .item5:hover .h1{color: #fff}
    .probox .item5:hover p{color: #fff}
}
@media (max-width: 1000px){
  .probox .item5 .content{height:50px}
}
@media (max-width: 767px){
  .probox .col-sm-4{padding: 5px}
  .probox .item5 .h1{font-size: 13px}
  .probox .row{margin: -5px}
  .probox .item5 .content{height:50px}
  .probox .item5 p{line-height: 1.6}
}


.about5{margin:.4rem 0}
.about5box{position:relative;background:#000}
.about5title{text-align:center;width:2.45rem;height:2.45rem;border-radius:50%;background:#00468e;display:flex;align-items:center;justify-content:center;position:absolute;top:-.66rem;right:4vw}
.about5title .cn{color:#fff}
.about5title .line{background:#fff;opacity:.5;margin:.12rem auto}
.about5title .en{color:#fff;font-size:.18rem;text-transform:uppercase}
.about2-1{position:absolute!important;top:0;left:0;right:0;height:87.5%}
.about2-1 .item .h1{font-size:3vw;color:#fff;font-family:"Montserrat";font-weight:600}
.about2-1 .item .h2{font-size:.16rem;color:#fff;line-height:1.857;margin-top:2.5vw;word-break:break-all;}
.about2-1 .item{width:60%;text-align:center;position:absolute;top:50%;left:20%;opacity:0;transform:translateY(-30%);transition:all .5s}
.about2-2{position:absolute;bottom:0;left:0;right:0;height:12.5%;display:flex;align-items:center;justify-content:center}
.about2-2 .item{font-size:.18rem;color:#fff;height:100%;display:flex;align-items:center;cursor:pointer;position:relative;transition:all .3s;font-family:"Montserrat";width:.4rem;margin:0 auto}
.about2-2 .item:after{content:"";position:absolute;left:0;top:0;background:#00468e;height:.04rem;width:0;transition:all .3s}
.about2-2  img.prev{margin-right:0.5rem}
.about2-2   img.next{margin-left:0.5rem}
.about2-2 .swiper-container{width:70%;margin:0;height:100%}
.about2-2 img{width:.22rem}
.about2-2 .swiper-slide-thumb-active .item{color:#00468e}
.about2-2 .swiper-slide-thumb-active .item:after{width:100%}
.about2-1 .swiper-slide-active .item{opacity:1;transform:translateY(-50%)}

@media (min-width:1000px){.about2-2 .item:hover{color:#00468e}
.about2-2 .item:hover:after{width:100%}
}@media (max-width:1400px){.about1-2{top:30vw}
.about2{margin-top:-1.2rem}
.about5box>img{height:6.36rem;object-fit:cover}
.about5title .abouttitle .cn{font-size:14px}
.about5title .abouttitle .en{font-size:14px}
.about5title{top:-1rem}
.about2-2 .item{font-size:13px;width:28px}
.about2{margin-top:-.6rem}
.about2-1 .item{left:0;margin-left:0;padding:0 10vw;right:0;width:auto}
.about2-1 .item .h2{font-size:12px;margin-top:12px}
.about2-1 .item .h1{font-size:7vw}
}
 

 .news-list{ border-left: 1px solid #e8e8e8;margin:0;padding:0;}
.news-list li{ float: left; display: block; width: 33.333333333%;}
.nitem{ padding: 34px 40px; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; margin-top: -1px; position: relative; cursor: pointer;}
.nitem:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color:#00468e; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.nitem .img{ overflow: hidden; position: relative; margin-bottom: 15px;}
.nitem .img img{ width: 100%; display: block; -webkit-transition:all 4s linear;transition:all 4s linear;}
.nitem .blue-20{ background: url(../images/blue_40.png) repeat; background: none rgba(243,196,28,0.4); position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden\9; transition: 0.3s; -webkit-transition: 0.3s;}
.nitem h4{ font-size: 18px; line-height: 1.5; font-weight: normal; margin-bottom: 20px; height: 54px; overflow: hidden;}
.nitem .c{ height: 50px; overflow: hidden; margin-bottom: 28px; color: #999999;line-height:25px;overflow:hidden;}
.nitem .time{ background: url(../images/time_ico1.png) no-repeat scroll left 7px; padding-left: 20px; font-size: 12px; font-family: arial, helvetica, sans-serif; color: #666666;}
.nitem:hover .blue-20{ opacity: 1; visibility: visible\9;}
.nitem:hover h4{ color: #00468e;}
.nitem:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
.nitem:hover .img img{ -webkit-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 4s linear;transition:all 4s linear;}


@media screen and (max-width:1441px){.nitem{ padding: 30px;}}
@media screen and (max-width:1370px){.news-list li{ width: 33.33%;}}
@media screen and (max-width:1260px){.nitem{ padding: 25px;}}
@media screen and (max-width:1024px){.nitem h4{ font-size: 16px; height: 48px;}.ibox-new .time,.nitem .time,.info-t .time,.download-list .time{ background: none; padding-left: 0;}}
@media screen and (max-width:860px){.news-list li{ width: 50%;}}
@media screen and (max-width:641px){.nitem{ padding: 20px;}}
@media screen and (max-width:481px) {.nitem h4{ font-size: 15px; height: auto; margin-bottom: 15px;}.nitem .c{ height: auto; margin-top: 20px; font-size: 12px;}.news-list li{ float: none; width: 100%;}}


.news2box{background: #fff;box-shadow: 0.349px 9.994px .3rem 0px rgba(179, 179, 179, 0.15);}
.news2box{padding:3.5vw 9vw 4.5vw}
.news2box .contentbox{padding: .3rem 0;line-height:.4rem;font-size:15px;min-height:300px;}
.news2box .contentbox img{display:inline-block;}
.news2box .contentbox strong{font-weight:bold;}
.news2top .h1{font-size: .28rem;color: #2f2f2f;margin-bottom: .25rem}
.news2top{text-align: center;padding-bottom: .5rem;border-bottom: .02rem solid #cccccc}
.news2top .h2{font-size:14px;color: #2f2f2f}
.news2top .share {margin-top:.2rem}
.news2bottom .item{float: left;width: 50%;text-align: center;font-size: 0;background: #f8f8f8;line-height: .7rem;transition: all .3s ease-in-out}
.news2bottom .item span{display: inline-block;vertical-align: middle;font-size:14px;color: #333;transition: all .3s ease-in-out;margin: 0 .15rem}
.news2bottom .item .txt{max-width: 65%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_list{border-bottom: solid 1px #ccc;padding-bottom: 5px;margin-bottom: 3%}
.news_list h4{font-size: 14px;font-weight: bold;color: #333}
.news_list .c{font-size: 12px;color: #666}
@media (min-width: 1000px){
  .news1tab .item:hover{background: #00468e;color: #fff}
  .news2bottom .item:hover{background: #00468e}
  .news2bottom .item:hover span{color: #fff}
  .news1tab2 .item:hover{background: #00468e;color: #fff}
}

@media (max-width: 1000px){
  .news2top .h2{font-size:12px;color: #2f2f2f}
  .news2bottom .item{float: left;width: 100%;}
  .news2bottom .item span {font-size:12px;}
  .news2con{padding: .45rem 0 .5rem;background: #fbfbfb}
  .news2box{padding:3.5vw 6vw 4.5vw}
}

/*ÎÊ´ð*/
.iframe {float:left;width:100%;margin-bottom:.6rem;}
.faqItem {float:left;width:100%;border:1px solid #ddd;margin-bottom:20px; /*padding:10px 20px;*/}
.faqItem .title {float:left;width:100%;cursor:pointer;padding:10px 20px}
.faqItem .title .lbl {float:left;width:calc(100% - 30px)}
.faqItem .title .bts {float:right;width:30px}
.faqItem .title .bts img:last-child{display:none}
.faqItem .title.on img:last-child{display:block;}
.faqItem .title.on img:first-child{display:none;}
.faqItem .title.on .lbl {color:#00468e;font-weight:bold;}
.faqItem .content {float:left;width:100%;padding:10px 20px;display:none}

.join5 .col-sm-6{padding: .15rem .18rem;margin-bottom:0}
.join5 .row{margin: 0 -.18rem}
.join5box input{height: .52rem;box-shadow: 0px .06rem .35rem 0px rgba(123, 123, 123, 0.14);background: #fff;display: block;width: 100%;font-size:14px;color: #333;padding: 0 .2rem}
.join5box input::placeholder{color: #666}
.join5box select{height: .52rem;color: #666;box-shadow: 0px .06rem .35rem 0px rgba(123, 123, 123, 0.14);display: block;width: 100%;font-size: .18rem}
.join5box select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/down2.png) no-repeat 96% center #fff;padding: 0 .2rem}
.join5box .btn1{transition: all .3s ease-in-out;width: 2.2rem;line-height: .6rem; box-shadow: 0.349px 9.994px .23rem 0px rgba(0, 166, 76, 0.5);background: #00468e;font-size: .16rem;color: #fff;text-align: center;border-radius: .4rem;display: block;margin: 0 auto;margin-top: .65rem}
.join5box2 .title{font-size: .18rem;color: #333;padding: .2rem 0 .15rem;}
.join5box2 .input{margin-bottom: .24rem;position:relative;}
.join5box .input1{position:relative;}
.join5box .input1 span{position: absolute;left: .1rem;top: .1rem;color: red;}
.join5box2 .input span{position: absolute;left: .1rem;top: .1rem;color: red;}


.contMain {width:100%;background:#fff;padding:48px;float:left;margin-bottom:.5rem}
.contMain .top1 {float:left;width:100%;}

.contMain .grid {float:left;width:32%;margin-right:2%;border:1px solid #dddddd;padding:32px 20px;}
.contMain .grid:last-child {margin-right:0%;margin-bottom:0px;}
.contMain .grid .dizhi{border-radius: 50px;width: 55px;height: 55px;background-color: #00468e;text-align: center;line-height:55px;margin:0 auto;}
.contMain .grid .dizhi img {float:left;margin-left:13px;margin-top:15px;}
.contMain .grid h1{font-size: 16px;text-align: center;color:#333;margin-top:30px;line-height:24px;height:48px;}
.contMain .grid h1 a{color:#333;}

.feedItem {float:left;width:100%;margin-bottom:20px;}
.feedItem span{float:left;width:100%;font-size:14px;color:#797979}
.txtInput3 {float:left;width:100%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;height:140px;}
.txtInput4 {float:left;width:100%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;}
.txtInput5 {float:left;width:50%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;}
.btnSubmit2 {float:left;width:250px;height:42px;line-height:42px;background:#00468e;text-align:center;color:#fff;}
.btnSubmit2:hover {background:#00468e}

.contMain .top2 {float:left;width:100%;margin-top:20px;}
.contMain .top2 .dl{float:left;width:60%;}
.contMain .top2 .top2Tit {float:left;width:100%;font-size:.24rem;line-height:.8rem}

.contMain .top2 .dr{float:left;width:40%;padding-left:40px;}

@media (max-width: 767px){
    .contMain .grid {float:left;width:100%;margin-right:0%;margin-bottom:20px;}
    .contMain {width:100%;background:#fff;padding:18px;float:left;}
    .contMain .top2 .dl{float:left;width:100%;}
    .contMain .top2 .dr{float:left;width:100%;padding-left:0px;}
    .txtInput5 {float:left;width:100%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;}
    .btnSubmit2 {float:left;width:100%;height:42px;line-height:42px;background:#00468e;text-align:center;color:#fff;}
}

.con_map{float:left;width:100%;border:2px solid #00468e;margin-top:30px;}
.mapContent{float:left;width:100%;height:500px;}
.con_map img {max-width:initial}
.contact-map-focus {  position: fixed; top: 300px;  left: 15px;  width: 35px; height: 35px;  opacity: 0; background: url(../images/map_focus.png) no-repeat; background-size: 35px 35px; z-index: 1; cursor: pointer;}
.BMap_stdMpPan{ top: 88px;}
.BMap_stdMpZoom{ top: 133px !important;}
  
.BMap_bubble_content{ padding: 5%; font-size: 18px; line-height: 24px;}
.BMap_bubble_content span{ font-size: 15px; margin-top: 5px; display: block;}



.news1con .col-sm-4{padding: .24rem;}
.news1con .row{margin:0 -.24rem}
.news1con{padding: 0 0 .6rem;}

.pro_main {float:left;width:100%;}

/*²úÆ·À¸Ä¿*/
.pro_main .pro_nav_box{float: left;width: 345px;border: 1px solid #ebebeb;border-bottom: 0px;}
.pro_main .pro_nav_box .nav_item{width:100%;border-bottom: 1px solid #ebebeb;}
.pro_main .pro_nav_box .nav_item .top_item{transition: all .3s linear; line-height: 52px;position: relative;background:url(../images/pro_sub_arrow_on.png) 20px center no-repeat #fff}
.pro_main .pro_nav_box .nav_item .top_item a{width: 100%;height: 100%;display: block;padding: 0px 20px 0px 60px;}

.pro_list_box {float:right;width:calc(100% - 365px);}

/*Êó±ê¾­¹ý*/
.pro_main .pro_nav_box .nav_item:hover .top_item{background: url(../images/pro_nav_bg.png) center center repeat-y;background-size: 100% auto;}
.pro_main .pro_nav_box .nav_item:hover .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*µã»÷Õ¹¿ª*/
.pro_main .pro_nav_box .nav_item.on .top_item{background: url(../images/pro_nav_bg.png) center center repeat-y;background-size: 100% auto;}
.pro_main .pro_nav_box .nav_item.on .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;}

/*×ÓÀ¸Ä¿¶¨Î»*/
.pro_main .pro_nav_box .nav_item.active .top_item{background: url(../images/pro_nav_bg.png) center center repeat-y;background-size: 100% auto;}
.pro_main .pro_nav_box .nav_item.active .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;}


.pro_main .pro_nav_box .nav_item .top_item .plus{transition: all .3s linear; cursor: pointer; color: #cdcdcd;font-size: 28px; width: 52px;height: 52px;line-height: 52px; position: absolute;top: 0px;right: 0px;z-index: 999; text-align: center;}

.pro_main .pro_nav_box .nav_item .top_item:hover .plus{color:#FFFFFF;}
.pro_main .pro_nav_box .nav_item.active .top_item .plus{color:#FFFFFF;}
.pro_main .pro_nav_box .nav_item.on .top_item .plus{color:#FFFFFF;transform: rotate(45deg);}

.pro_main .pro_nav_box .nav_item .sub{padding: 0px;/*display: none;*/background:#fff;margin-bottom:0px}
.pro_main .pro_nav_box .nav_item .sub li{padding: 0px 60px;line-height: 45px;}
.pro_main .pro_nav_box .nav_item .sub li a{transition: all .3s linear; width: 100%;padding-right: 30px;box-sizing: border-box; height: 100%;display: block;background: url(../images/pro_sub_arrow.png) right center no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_main .pro_nav_box .nav_item .sub li:hover a{text-indent: 10px;font-weight: bold;color: #00468e;background: url(../images/pro_sub_arrow_on.png) right center no-repeat;}
.pro_main .pro_nav_box .nav_item .sub li.on a{text-indent: 10px;font-weight: bold;color: #00468e;background: url(../images/pro_sub_arrow_on.png) right center no-repeat;}

@media only screen and (max-width:1440px ) {
  .pro_main .pro_nav_box{width: 300px;}
    .pro_list_box {float:right;width:calc(100% - 325px);}
}
@media only screen and (max-width:1200px ) {
  .pro_main .pro_nav_box{width: 280px;}
    .pro_list_box {float:right;width:calc(100% - 305px);}
}

@media only screen and (max-width:900px ) {
  .pro_main .pro_nav_box{width: 260px;}
    .pro_list_box {float:right;width:calc(100% - 280px);}
  .pro_main .pro_nav_box .nav_item .top_item{line-height: 60px;}
  .pro_main .pro_nav_box .nav_item .sub li{line-height: 35px;}
  .pro_main .pro_nav_box .nav_item .top_item .plus{width: 60px;height: 60px;line-height: 60px;font-size: 26px;}
}
@media only screen and (max-width:768px ) {
  .pro_main .pro_nav_box{width: 100%;margin-bottom: 30px;}
  .pro_main .pro_nav_box .nav_item .top_item{line-height: 50px;}
  .pro_main .pro_nav_box .nav_item .sub li{line-height: 30px;}
  .pro_main .pro_nav_box .nav_item .top_item .plus{width: 50px;height: 50px;line-height: 50px;font-size: 26px;}
  
  .pro_main .pro_nav_box .nav_item .top_item a{padding: 0px 20px;}
  .pro_main .pro_nav_box .nav_item .sub li{padding: 0px;}
    .pro_main {padding:10px 0px}
    .pro_list_box {float:right;width:100%;}
    .pro_list_box .col-sm-3 {padding-right:5px;padding-left:5px;}
}

.brand1 .nav{padding: .2rem 0;border-bottom: 1px solid #e2e2e2}
.brand1 .nav .left a{color:#999;transition: all .3s}
.brand1 .nav .left a.on{color:rgb(53, 53, 53)}
.brand1 .nav .left span{color: #00468e;font-size: .18rem;}
.brand1 .nav .right img{display: inline-block;margin-right: 5px;height: .18rem}
.brand1 .nav .right span{font-size: .18rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;transition: all .3s}
.brand1 .one{display: flex;padding: 0 0 .3rem 0;}
.brand1 .one .left{flex: 1;}
.brand1 .one .right{flex: 1;padding-left: 3.2vw;padding-top:5vw}
.brand1 .one .imgbox{position: relative;}
.brand1 .one .brandimg{width:11vw;height:8vw;position: absolute;background: #fff;top: -4vw;left: -6.6vw;box-shadow: 0px .09rem .59rem 0px rgba(0, 0, 0, 0.04);}
.brand1 .one .brandimg img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.brand1 .one .left h1{font-size: .3rem;color: rgb(51, 51, 51);margin-bottom: .3rem}
.brand1 .one .left h1:before{content:"";width: .07rem;height: .32rem;display: inline-block;background:#00468e;vertical-align: middle;margin-right: .15rem}
.brand1 .one .left h2{font-size: .36rem;color: rgb(51, 51, 51);}
.brand1 .one .left .collect img{display: inline-block;}
.brand1 .one .left .collect span{font-size: .16rem;color:rgb(102, 102, 102);display: inline-block;vertical-align: middle;}
.brand1 .one .left .collect{display: inline-block;cursor: pointer;margin: .2rem 0;font-size: 0}
.brand1 .one .left p{font-size: .18rem;color: rgb(102, 102, 102);line-height:24px;}
.brand1 .one .left .supplier .txt{font-size: .24rem;color: rgb(51, 51, 51);}
.brand1 .one .left .supplier .btn1{transition: all .3s;font-size: .18rem;color: #fff;width: .78rem;line-height: .36rem;text-align: center;background: #f2b13e;border-radius: 25px;display: block;}
.brand1 .one .left .supplier{padding: .35rem 0 .15rem;position: relative;margin-top: 3vw}
.brand1 .one .left .supplier:before{content:"";height: 4px;width: 100%;left: 0;top: 0;background: url(../images/border.png);-webkit-background-size: cover;background-size: cover;position: absolute;}
.brand1 .one .left img{width: .35rem;margin-right: .1rem;}

.brand-title{font-size: .24rem;color: rgb(51, 51, 51);margin-bottom: .2rem}
.brand-title:before{content:"";width: .07rem;height: .32rem;display: inline-block;background:#00468e;vertical-align: middle;margin-right: .15rem}

@media (max-width: 1600px){
  .brand1 .one{align-items: center;}
}
@media (max-width: 767px){
  .brand1 .one{display: block;}
  .brand1 .one .left .collect span{font-size: 14px}
  .brand1 .one .left p{font-size: 14px}
  .brand1 .one .left{padding: 0;;padding-bottom: .3rem}
  .brand1 .one .right{padding: 0}
  .brand1 .one .left .supplier .btn1{font-size: 14px;line-height:.4rem;width: .9rem}
  .brand1 .one .brandimg{display: none;}
}

.pcpItem {float:left;width: calc((100% - 60px) / 3); margin-right:30px;margin-bottom:30px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);}
.pcpItem:nth-child(3n) {margin-right:0;}
.pcpItem a {width:100%;display:block;}
.pcpItem .img {float:left;width:100%;overflow:hidden;}
.pcpItem .img img {transition: all 1s;_transition: all 1s;}
.pcpItem .txtBox {float:left;width:100%;padding:20px;-webkit-transition: all 1s; transition: all 1s;}
.pcpItem .txtBox .proTitle {float:left;width:100%;margin:10px 0}
.pcpItem .txtBox .proTitle h3{float:left;/*width:calc(100% - 30px);*/width:100%;font-size:16px;line-height:24px;height:48px;overflow:hidden;text-align:center;}
.pcpItem .txtBox .proTitle span{float:left;width:30px;height:30px;display:block;background:url(../images/eye.png);background-position:30px 0px;display:none}
.pcpItem .txtBox .line {width:30px;float:right;border-bottom:1px solid #999;margin-top:5px;-webkit-transition: all 1s; transition: all 1s;}
.pcpItem a:hover .img img{transform: scale(1.1);}
.pcpItem a:hover .txtBox{background:#00468e}
.pcpItem a:hover .txtBox h3{color:#fff;}
.pcpItem a:hover .txtBox span{background:url(../images/eye.png);background-position:0px 0px;}
.pcpItem a:hover .line{width:100%;border-bottom:1px solid #fff;}

@media (max-width: 767px){
    .pcpItem {float:left;width: calc((100% - 12px) / 2); margin-right:12px;margin-bottom:20px;}
    .pcpItem:nth-child(3n) {margin-right:12px;}
    .pcpItem:nth-child(2n) {margin-right:0;}
    .pcpItem .txtBox {padding:10px;}
    .pcpItem .txtBox .proTitle {margin:0}
    .pcpItem .txtBox .proTitle h3{float:left;width:100%;font-size:12px;line-height:20px;height:40px;overflow:hidden;}
    .pcpItem .txtBox .proTitle span {display:none}
    .pcpItem .txtBox .line {width:100%;}
}
@media (min-width: 768px) and (max-width: 991px){
    .pcpItem {float:left;width: calc((100% - 20px) / 2); margin-right:20px;margin-bottom:20px;}
    .pcpItem:nth-child(3n) {margin-right:20px;}
    .pcpItem:nth-child(2n) {margin-right:0;}
    .pcpItem .txtBox {padding:10px;}
    .pcpItem .txtBox .proTitle {margin:8px 0}
    .pcpItem .txtBox .proTitle h3{font-size:14px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pcpItem {float:left;width: calc((100% - 40px) / 3); margin-right:20px;margin-bottom:20px;}
    .pcpItem:nth-child(3n) {margin-right:0;}
    .pcpItem .txtBox {padding:15px;}
    .pcpItem .txtBox .proTitle {margin:8px 0}
    .pcpItem .txtBox .proTitle h3{font-size:14px;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .pcpItem .txtBox {padding:15px;}
    .pcpItem .txtBox .proTitle {margin:8px 0}
    .pcpItem .txtBox .proTitle h3{font-size:14px;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .pcpItem .txtBox {padding:15px;}
    .pcpItem .txtBox .proTitle {margin:8px 0}
    .pcpItem .txtBox .proTitle h3{font-size:14px;}
}

.prodetails{}
.prodetails .nav{padding: .42rem 0;}
.prodetails .nav .left a{color:#999;transition: all .3s}
.prodetails .nav .left a.on{color:rgb(53, 53, 53)}
.prodetails .nav .left span{color: #00468e;font-size: .18rem;}
.prodetails .nav .right img{display: inline-block;margin-right: 5px;height: .18rem}
.prodetails .nav .right span{font-size: .18rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;transition: all .3s}

.pro-title{font-size: .24rem;color: rgb(1, 51, 51);padding-left: .3rem;position: relative;}
.pro-title:before{content: "";width: .07rem;height: .3rem;position: absolute;left: 0;top: 50%;margin-top: -.15rem;background: #00468e}

.prodetails .three{background: #fff;margin-bottom: .2rem;padding: .5rem 0}
.prodetails .three .btn-box a{font-size: .18rem;color: #fff;display: inline-block;width: 2.5rem;line-height: .6rem;text-align: center;border-radius: 30px;cursor:pointer;transition:all .3s}
.prodetails .three .btn-box .btn2{background: #00468e;margin-right: .16rem}
.prodetails .three .btn-box .btn3{background: #00468e}
.prodetails .three .btn-box{font-size: 0;text-align: center;margin-top: .4rem}
.prodetails .three .name{font-size: .24rem;color: rgb(51, 51, 51);text-align: center;margin-top: .5rem}
.prodetails .three .swiper{display: flex;align-items: center;position: relative;}
.prodetails .three .swiper-container{width: 50%;padding-bottom: .4rem}
.prodetails .three .swiperbtn{width: 25%;}
.prodetails .three .btn1{width: .9rem;height: .9rem;position: relative;background: #f4f5f6;border-radius: 50%;margin: 0 auto;cursor: pointer;margin-top: -.4rem;user-select:none;}
.prodetails .three .btn1 img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: .28rem}
.prodetails .three .swiper-pagination-bullet{width: .3rem;height:4px;opacity: 1;border-radius: 0;background: #eeeff0;margin: 0 3px;}
.prodetails .three .swiper-pagination-bullet-active{background: #00468e}
.prodetails .three .swiper-pagination{bottom: 0}
.prodetails .three .btn1 img{opacity: 0.3;transition:all .25s;}
.prodetails .three .ask1{height: 3rem;background:rgba(247, 180, 38,0.929);position: absolute;z-index: 10;top: 50%;margin-top: -1.7rem;width: 32vw;left: 50%;margin-left: -16vw;}
.prodetails .three .ask1{padding: 0 2.5vw;z-index: 20;display: none;}
.prodetails .three .ask1 .col{float: left;width: 50%;padding: 0 .1rem}
.prodetails .three .ask1 .row{margin: 0 -.1rem}
.prodetails .three .ask1 .input{border-bottom: 1px solid #fff;position: relative;margin-top: .2rem}
.prodetails .three .ask1 .input input{width: 100%;color: #fff;font-size: .16rem;height: .32rem;background: transparent;padding: 0 5px}
.prodetails .three .ask1 .input input::-webkit-input-placeholder{color:#fff;}
.prodetails .three .ask1 .input:before{content:"";height: .05rem;width: 1px;background: #fff;position: absolute;left: 0;bottom: 0}
.prodetails .three .ask1 .input:after{content:"";height: .05rem;width: 1px;background: #fff;position: absolute;right: 0;bottom: 0}
.prodetails .three .ask1 h1{font-size: .3rem;color: #fff;text-align: center;}
.prodetails .three .ask1 .submit{background: none;padding: 0;display: block;margin: .28rem auto 0}
.prodetails .three .ask2{height: 3rem;background:rgba(247, 180, 38,0.929);position: absolute;z-index: 10;top: 50%;margin-top: -1.7rem;width: 32vw;left: 50%;margin-left: -16vw;}
.prodetails .three .ask2{padding: 0 6vw;display: none;z-index: 20}
.prodetails .three .ask2 img{margin: 0 auto;width: .69rem}
.prodetails .three .ask2 p{font-size: .16rem;color: #fff;line-height: 1.316;margin-top: .35rem}


.prodetails .three{padding: .35rem 0;background: #fff;margin-bottom: .2rem;}
.prodetails .three .right span{font-size: .24rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;}
.prodetails .three .right img{display: inline-block;margin-right:5px;width: .48rem}

.prodetails .four{padding-top: .4rem;background: #fff;padding-bottom: .32rem}
.prodetails .four .imgbox{overflow: hidden;padding:30px;line-height:30px;font-size:15px;}

@media (min-width: 1000px){
.prodetails .three .btn-box a:hover{transform:translateY(-5px)}
.platform .four .next:hover img{transform:translateX(8px)}
.platform .four .prev:hover img{transform:translateX(-8px)}
.prodetails .three .btn1:hover img{opacity:1}
.prodetails .three .prev .btn1:hover img{transform:translateX(-5px)}
.prodetails .three .next .btn1:hover img{transform:translateX(5px)}
}
@media (max-width: 767px){
    .prodetails .three{padding-top:0}
    .prodetails .four .imgbox{padding:0px 15px;}
    .pro-menu .item{width:1.2rem}
  .pro-menu .item p{font-size:5px;}

  .search-box .right{padding: 0 10px}
  .search-box .right span{font-size: 14px;}
  .search-box input{font-size: 14px;}
  .prodetails .three .btn-box a{width: 40%}
  .prodetails .three .swiper-container{flex: 1;margin: 0 15px}
  .prodetails .three .name{font-size: 18px;}
  .prodetails .three .swiperbtn{position: absolute;z-index: 10;    width: auto;padding: 0 15px;}
  .prodetails .three .prev{left: 0;}
  .prodetails .three .next{right: 0;}
  .prodetails .three .btn1{background: rgba(255,255,255,.1)}
  .prodetails .three .ask1 .input input{font-size: 14px;}
  .prodetails .three .ask1 .col{width: 100%}
  .pro-menu{display: none;}
  .prodetails .three .ask1{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
  .prodetails .three .ask2{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
}
.text-content table{border-collapse:collapse; border:0px none; border-top:1px solid #464646 !important; border-left:1px solid #464646 !important; border-spacing:0; table-layout:fixed;}
.text-content table tr{height:auto !important;}
.text-content table td{/*width:100% !important;*/ height:auto !important; border:0px none !important; line-height:1.5; padding:5px 5px !important; text-align:left; border-right:1px solid #464646 !important; border-bottom:1px solid #464646 !important; font-size:13px;}
.text-content table td p{display:block; margin:0;/*word-break:break-all;*/width:100%;}
.text-content table td span{display:inline-block; margin:0;}
.text-content table tr{transition:all .2s;}
.text-content table tr:hover{background:#e7f1fc;}
.text-content .con {float:left;width:100%;overflow-x:scroll}
/*.text-content p {word-break:break-all;}*/
.text-content .con img {max-width:100%;}
@media (min-width: 767px){
    .text-content table{width:100% !important; }
    .text-content .con {float:left;width:100%;overflow-x:hidden;}
}

@media (max-width: 767px){
    .text-content table{width:860px !important; }
}
.p_problemCategory {float:left;width:100%;text-align:center;background:#00468e;color:#fff;height:50px;line-height:50px;margin-bottom:15px;cursor:pointer;}

#fh5co-contact {margin-top:10px;float:left; width:100%;margin-top:.3rem}
#fh5co-contact p{ font-size:16px; line-height:30px;}
#fh5co-contact .contact-info {margin: 0;padding: 0;margin-top:20px;float:left;}
#fh5co-contact .contact-info li {list-style: none;margin: 0 0 15px 0;position: relative;width:100%;float:left;}
#fh5co-contact .contact-info li span {width:62px;display:block;float:left;}
#fh5co-contact .contact-info li div {float:left;}
#fh5co-contact .contact-info li a {font-weight: 400 !important;}
#fh5co-contact .form-control {-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;border: none;border: 1px solid rgba(0, 0, 0, 0.1);font-size: 14px;font-weight: 400;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
#fh5co-contact input[type="text"] {height: 50px;}
#fh5co-contact .form-group {margin-bottom: 30px;}
@media (max-width: 767px){
    #fh5co-contact .col-md-12 {padding:0;}
    #fh5co-contact .col-md-12 .form-group{margin-bottom:10px;}
    #fh5co-contact .col-md-6 {padding:0;}
    #fh5co-contact .col-md-6 .form-group{margin-bottom:10px;}
}

.idxtitle{text-align: center;}
.idxtitle .h1{font-size:.32rem;font-weight: bold;text-transform: uppercase;font-family:"DIN";line-height: 1}
.idxtitle .line{width: .4rem;height: 2px;background: #585858;margin-top: .25rem;display: inline-block;vertical-align: top;}

.prode3{padding: .65rem 0 1rem;background: #f7f7f7}
.prode3 .item{background: #fff}
.prode3 .idxtitle{margin-bottom: .5rem;}
.prode3box{position: relative;}
.prode3box .swiperbtn{width:.14rem;height: .24rem;position: absolute;top: 50%;margin-top: -.12rem;left: -.45rem;z-index: 10;}
.prode3box .swiperbtn.next{left: auto;right: -.45rem;}
.prode3box .swiperbtn img{position: absolute;left: 0;top: 0;transition: all .3s;}
.prode3box .swiperbtn img:nth-child(2){opacity: 0;}


@media (min-width: 1000px){
    .reviewbox .item:hover{box-shadow:0px 0px 5px rgba(0,0,0,.15)}
    .protabitem .item:hover{color: #fff;background: #699cff}
    .probox .item:hover .img1{transform:scale(1.1)}
  .probox .item:hover{background: rgba(0,0,0,.2);}
  .probox .item:hover .content{background:rgba(0,0,0,.2);transform: translateY(-5px);padding:.15rem .1rem 0;}
    .probox .item:hover .img2{opacity: 1;}
    .probox .item:hover .content:before{opacity: 0;}
    .probox .item:hover .h1{color: #fff}
    .probox .item:hover p{color: #fff}
    .prode1right .btnbox a:hover{border-color: #699cff;color: #fff}
    .prode1right .btnbox a:hover:after{width: 100%}
    .prode2 .tagbox .itembox .item:hover{background: #699cff;color: #fff}
    .prode3box .swiperbtn:hover img:nth-child(1){opacity: 0;}
    .prode3box .swiperbtn:hover img:nth-child(2){opacity: 1;}
    .about3 .item:hover .imgbox img{transform: scale(1.05);}
}
@media (max-width: 1200px){
  .protabitem .itemsbox{padding-right: 10vw}
}
@media (max-width: 1000px){
  .probox .item .content{height:160px}
}
@media (max-width: 767px){
.proroute .more{float:right;display: none!important;}
.review-more{font-size:13px;width: 200px;line-height:36px;}
  .subnav{top: -21px}
  .subnav .col{width:100%;margin-bottom:0}
  .subnav .item span{font-size: 13px;}
  .subnav-menu{display: flex;padding: 0 15px;font-size: 14px;height:42px;background: #699cff;align-items: center;color: #fff}
    .subnav .container{position: absolute;top: 42px;margin: 0 -15px;left: 0;padding: 0;right: 0;background: #fff;display: none;box-shadow: 0px 0px 5px 1px rgba(0,0,0,.15)}
    .subnav .item{width:100%;line-height: 42px;    border-bottom: 1px solid rgba(0,0,0,.05);float: none;display: block;box-shadow:none;}
    .subnav .item span{font-size: 13px;color: #333}
    .subnav .item.on span{color: #699cff}
    .subnav .item .icon{display: none;}
    .subnav .item:after{display: none;}
    .subnav-menu .icon{width: 16px;height: 16px;background: url(../images/open.png);background-size: cover;transition: all .5s ease;}
    .subnav-menu.on .icon{transform: rotate(180deg);}
  .protabitem{display: block;padding: 8px 0}
  .protabitem .title1{width: auto;font-size: 13px;line-height:22px;padding-left: 0;margin-bottom: 5px}
  .protabitem .item{font-size: 13px;line-height: 22px;margin: 5px 8px 5px 0;padding: 0 6px}
  .protabitem .itemsbox{padding-right: 0}
  .probox .col-sm-4{padding: 5px}
  .probox .item .h1{font-size: 13px}
  .probox .row{margin: -5px}
  .probox .item .content{height:120px}
  .probox .item p{line-height: 1.6}
  .prode3box{margin: 0 .8rem}
  .prode3box .item{padding: 8px;}
  .prode3box .swiperbtn{width: 12px;}
  .prode3{padding: .6rem 0}
  .prode2 p{font-size: 13px;}
  .prode2 .tagbox{display: block;}
  .prodetab .col-sm-3{padding:2px;}
  .prodetab{padding: .1rem 0}
  .prodetab .item{font-size: 13px;}
  .prode2 .tagbox .title1{font-size: 13px;line-height: 24px;margin-bottom: 8px;}
  .prode2 .tagbox .itembox .item{font-size: 13px;line-height: 24px;padding:0 8px;margin-right: 8px;margin-bottom: 8px;}
  .prode1box{padding: .3rem;}
  .prode1left{float: none;width: 100%}
  .prode1right{float: none;width:100%}
  .prode1right{padding-top: 15px;padding-left: 0}
  .prode1right .infobox .item{width: 100%;padding: .16rem 0}
  .prode1right .infobox .item .title1{font-size: 13px;width: 100px}
  .prode1right .infobox .item .txt1{font-size: 13px;}
  .prode1right .h1{font-size: 16px;}
  .prode1right .btnbox a{font-size: 13px;margin-right: .3rem}
  .proroute2 .container{display: block;height: auto;padding: 10px 0;font-size: 0}
  .proroute2 .container>a{display: inline-block;vertical-align: middle;margin-bottom: 5px}
  .proroute2 .container>div{display: inline-block;vertical-align: middle;margin-bottom: 5px}
  .proroute .more img{width: 12px;}
  .about2-1box .item .imgbox{width: 100%;float: none!important;}
  .about2-1box .item .txtbox{position: relative;top: 0;transform:none;width: 100%;margin-top: 15px;}
  .about2-1box .item .txtbox p{font-size: 13px;}
  .about2-1box .item{margin-bottom: .6rem}
  .about2-1{padding-bottom: 0}
  .about2-2box{display: block;}
  .about2-2box img{width: 100%}
  .about2-2box .txtbox{padding: 0;margin-top: 15px;}
  .about2-2box .txtbox .item{font-size: 13px;padding: 0;margin-bottom: 10px}
  .about2-2{padding: .6rem 0}
  .about3 .col{width: 100%}
  .about3 .item .h1{font-size: 16px;}
  .about3 .item .item1{font-size: 13px;}
  .about3{padding-bottom: .6rem}
  .about4box .item{padding: .5rem}
  .about4box .item .h1{font-size: 15px;}
  .about4box .item p{font-size: 12px;}
  .banner2 .h1{font-size: 30px;}
  .banner2 .h2{font-size: 14px;}
  .about1-2box .item{width: 100%;font-size:13px;}
  .about1-2box .item .num{font-size: 18px;}
  .about1-2box .item .title1:before{width: 8px;height: 8px;margin-top: -4px;left: .15rem}
  .about1-1 .content{font-size: 13px;}
}

.divLanguage {float:left;width:100%;margin-top:5px;}
.dmList {display:table;margin:0 auto;}
.gj{ float:left;margin-right:8px; }
.gj img{ float:left;margin-right:8px; margin-top:10px}
.gj a{ color:#000000}


.kf{transition:.8s;z-index:999999;background-color:transparent;position:fixed;bottom: 20%;right:0;width:50px;border-radius:5px;}
.kf span{z-index:1000001;transition:.5s;cursor:pointer;position:relative;display:block;width:50px;height:50px;border-radius:5px 0 0 5px;margin-bottom:3px;background-color:#a7afb9}
.kf span:hover{background-color:#00468e}
.kf .zx{background-position:0 0;background:#a7afb9 url(../images/kf/kefu-zx.png)no-repeat center top 12px}
.kf .back_top{border:none;background:#a7afb9 url(../images/kf/kf-top.png)no-repeat center top 13px}
.kf span a{transition:.5s;display:block;color:#fff;line-height:24px;font-size:14px;text-align:center;padding-top:22px}
.kfimgr{position:absolute;bottom:23px;right:-9px}
.kf span div i{display:block;position:absolute;width:15px;height:200px;right:-15px;top:0}
.kf .freetel{background:#a7afb9 url(../images/kf/kefu-qq.png)no-repeat center}
.kf .zxlya{background:#a7afb9 url(../images/kf/kf-wx_03.png)no-repeat center}
.kf span:nth-child(4) div{white-space:nowrap}
.kf a{display:block;height:68px;position:absolute;top:0;right:0;width:100%}
.nav_center div,.index_nav_center div,.shou,.zhan{-webkit-box-shadow:0 2px 18px rgba(0,0,0,0.25);box-shadow:0 2px 18px rgba(0,0,0,0.25)}
.kf .zxlya .erweima{display:none;right:62px;position:absolute;top:-72px;background:#fff;padding:5px;text-align:center;box-shadow:0 2px 13px rgba(0,0,0,0.25);border-radius:5px}
.kf .zxlya .erweima p img {width: 110px;height: 110px;display: block;max-width: 110px;max-height: 110px;}
.kf .zxzx{display:none;right:86px;position:absolute;top:6px;background:#fff;padding:10px 20px;text-align:center;box-shadow:0 2px 13px rgba(0,0,0,0.25);border-radius:5px;width:110px;font-size:14px;color:#333}
.kfimgr{position:absolute;bottom:23px;right:-9px}
.kf-ly{background:#a7afb9 url(../images/kf/kf-ly_03.png)no-repeat center}
    

.kf-contact{background:#a7afb9 url(../images/kf/kf-ly_03.png)no-repeat center}
.kf-phone{background:#a7afb9 url(../images/kf/kf-phone1.png)no-repeat center}
.kf-phone1,.zxwb{display:none;font-size:15px;color:#333;background-color:#fff;position:absolute;right:60px;box-shadow:0 0 20px rgba(0,0,0,0.2);padding:10px 12px;background:#fff;border-radius:5px;white-space:nowrap}
.kf-phone1 .kfimgr,.zxwb .kfimgr{bottom:10px}
.kf-shqi{width:100%;height:40px}
.kf-shqi .m-icon{display:block;margin:0 auto;width:30px;height:30px;border-radius:50%;background:#a7afb9 url(../images/kf/kf-close.png) no-repeat center;background-size:15px;cursor:pointer;transform:rotate(45deg);transition:all 0.3s}
.kf-shqi .m-icon:hover{background-color:#00468e}
.kf.show .m-icon{transform:rotate(0)}
.nav_center div,.index_nav_center div,.shou,.zhan{-webkit-box-shadow:0 2px 18px rgba(0,0,0,0.25);box-shadow:0 2px 18px rgba(0,0,0,0.25)}
.kf .zxlya .erweima{display:none;right:66px;position:absolute;top:-115px;background:#fff;padding:20px;text-align:center;box-shadow:0 2px 13px rgba(0,0,0,0.25);border-radius:5px}
.kf .zxzx{display:none;right:86px;position:absolute;top:6px;background:#fff;padding:20px;text-align:center;box-shadow:0 2px 13px rgba(0,0,0,0.25);border-radius:5px;width:150px;font-size:14px;color:#333}
.kfimgr{position:absolute;bottom:23px;right:-9px}
.kffixed{position:fixed;display:none;bottom:0;z-index:20;width:100%;height:49px;overflow:hidden}
.kufuul{text-align:center;padding:2px 0;width:100%;height:49px;position:absolute;bottom:0;left:0;display:inline-block}
.kefu{padding:0}
.kefu li{float:left;height:45px;text-align:center;color:#fff;line-height:45px;color:#fff;transition:all .4s}
.kfzx-tigg{width:49.5%;height:45px;display:block;float:left;line-height:45px;opacity:1;transition:1s opacity}
.kfzx-enter{opacity:0}
.kf-zx{display:block;width:100%;height:100%;color:#fff;line-height:45px;text-align:center;background:#00468e}
.kf-zx img{display:inline-block;vertical-align:middle;margin-right:10px}